// 找好物页面样式
.Jy_home_good_thing_page {
	.Jy_good_ting_top_group {
		background-color: #fff;
		.Jy_good_ting_top_box {
			height: 76rpx;
			display: flex;
			align-items: center;
			padding-left: 20rpx;
			.good_thing_icon_box {
				width: 46rpx;
				height: 46rpx;
				display: flex;
				image {
					width: 100%;
					height: 100%;
				}
			}
			
			.good_thing_title_box {
				font-size: 34rpx;
				font-weight: bold;
				margin-left: 10rpx;
			}
		}
	}
	
	// 找好物搜索框
	.Jy_good_thing_serach_group {
		height: 80rpx;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		.Jy_good_thing_serach_box {
			display: flex;
			width: calc(100vw - 20rpx * 2);
			height: 64rpx;
			align-items: center;
			border-radius: 50rpx;
			background-color: #ececec;
			.icon_box {
				margin: 0 10rpx 0 20rpx;
				display: flex;
				width: 30rpx;
				height: 30rpx;
				image {
					width: 100%;
					height: 100%;
				}
			}
			.input_box {
				flex: 1;
				input {
					text-indent: 10rpx;
					width: 100%;
				}
			}
		}
	}
	
	// 找好物分类样式
	.Jy_home_good_classfiy_group {
		background-color: #fff;
		
		.Jy_home_good_classfiy_box {
			width: 100vw;
			height: 80rpx;
			overflow-x: scroll;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			.tab_list {
				display: flex;
				.tab_list_box {
					display: grid;
					justify-content: center;
					width: calc((100vw / 4) - 1rpx);
					.tab_text_box {
						text-align: center;
						font-size: 30rpx;
					}
					
					.tab_text_box_active {
						margin: 0 auto;
						font-weight: bold;
						font-size: 34rpx;
						text {
							color: $tx-main-color;
							position: relative;
							z-index: 2;
						}
						.liner_box {
							z-index: 1;
							position: relative;
							top: 0;
							height: 4rpx;
							background-color: $tx-main-color;
						}
					}
				}
			}
		} 
	}
	
	
	// 找好物信息列表
	.Jy_good_thing_group {
		overflow-y: scroll;
		.Jy_good_thing_box {
			columns: 2; 
			margin: 10rpx auto;
			width: calc(100vw - 40rpx);
			column-gap: 20rpx;
			
			.good-thing-list {
				box-sizing: border-box;
				break-inside: avoid;
				display: grid;
				margin-bottom: 20rpx;
				border-radius: 10rpx;
				overflow: hidden;
				background-color: #ffffff;
				
				.image_box {
					display: flex;
					width: calc((100vw - 40rpx - 20rpx) / 2);
					image {
						width: 100%;
						height: 100%;
					}
				}
				.wz_title_group {
					display: flex;
					margin: 16rpx 10rpx;
					.wz_title_box {
						font-size: 28rpx;
						text-overflow: -o-ellipsis-lastline;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						line-clamp: 2;
						-webkit-box-orient: vertical;
					}
				}
			}
		}
	}
} 